@keyframes fadeIn {
				0% {
					opacity: 0
				}
				100% {
					opacity: 1
				}
			}
			
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0
				}
				100% {
					opacity: 1
				}
			}
			
			@-moz-keyframes fadeIn {
				0% {
					opacity: 0
				}
				100% {
					opacity: 1
				}
			}
			
			@-o-keyframes fadeIn {
				0% {
					opacity: 0
				}
				100% {
					opacity: 1
				}
			}
			
			@-ms-keyframes fadeIn {
				0% {
					opacity: 0
				}
				100% {
					opacity: 1
				}
			}
			
			@keyframes fadeOut {
				0% {
					opacity: 1
				}
				100% {
					opacity: 0
				}
			}

			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1
				}
				100% {
					opacity: 0
				}
			}
			
			@-moz-keyframes fadeOut {
				0% {
					opacity: 1
				}
				100% {
					opacity: 0
				}
			}
			
			@-o-keyframes fadeOut {
				0% {
					opacity: 1
				}
				100% {
					opacity: 0
				}
			}
			
			@-ms-keyframes fadeOut {
				0% {
					opacity: 1
				}
				100% {
					opacity: 0
				}
			}
			
			#toast {
				width: 210px;
				height: 100px;
				text-align: center;
				background: rgba(0, 0, 0, 0.7);
				color: #fff;
				font-size: 18px;
				line-height: 50px;
				padding: 10px;
				border-radius: 3px;
				position: fixed;
				left: 0;
				top: 0;
				right:0;
				bottom:0;
				margin:auto;
				z-index: 9999;
			}
			
			.hide {
				display: none;
			}
			
			.fadeOut {
				animation: fadeOut .5s;
			}
			
			.fadeIn {
				animation: fadeIn .5s;
			}